<!-- comments  -->

<script src="/themes/{{ blog.theme_name }}/comment.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/js/jquery.easing.1.3.js"></script>

<div id = "section">
<div class="postcomments">

	<h3 id="comments">Replies since &#8220;{{entry.title|escape}}&#8221;</h3>

	<div id="comments">
		<div id="cmtswitcher"> 
				<a id="commenttab" class="curtab" href="#commentarea">{{ entry.commentcount }} Comments</a>
			<span class="addcomment"><a href="#respond">Comment</a></span>
			<div class="clear"></div>   
		</div>   
		<div id="commentlist"> 
			<!-- comments START -->
		        {% if comments %}
		  <ol id="thecomments">
			  {% for comment in comments %}
		  <li class="comment regularcomment" id="comment-{{comment.key.id}}">  
			  <div class="list"> 
				<table class="out" border="0" cellspacing="0" cellpadding="0">
					<tr>
					<div class="content">
						<cite>
							<div class = "gravatar">
					<img alt='' src='{{comment.gravatar_url}}' class='avatar avatar-32 photo' height='32' width='32' />
					</div>{%if comment.weburl %}
						<a id="comment-{{comment.key.id}}" class="url" target="_blank" href="{{comment.weburl}}">{{comment.author}}</a>
						{% else %}{{comment.author}}{%endif%}
						</cite> Posted at {{comment.date|datetz:"Y-m-d"}} , {{comment.date|datetz:"H:i"}}
					</div>
					<td class="topleft"></td>
					<td class="top"></td>
					<td class="topright"></td>
					</tr>
					<tr>
					<td class="left">
					</td>
					<td class="conmts">
						<div class = "commentmetadata">
							<div id="quote-{{comment.key.id}}">{{comment.content}}
									{% if comment.reply_notify_mail %}
										<a title="Reply @{{comment.author}}" onclick="return backcomment('{{comment.author}}',{{comment.key.id}});" style="cursor: pointer;" class="reply" href = "#commentform" style="color:red">Reply</a>
									{% else %}	
										<a title="Reply @{{comment.author}}" onclick="return backcomment('{{comment.author}}',{{comment.key.id}});" style="cursor: pointer;" class="reply" href = "#commentform">Reply</a>
									{% endif %}
							</div>
						</div>
					</td><td class="right"></td>
					</tr><tr><td class="bottomleft"></td><td class="bottom"></td><td class="bottomright"></td></tr>
				</table>  
				</div>
				<div class="clear"></div>
			</li>
			{% endfor %}
		</ol>
			<div id="commentsnavi">
			{{comments_nav.nav}}
        </div>
        {% else %}
        <ul id="thecomments"></ul>
        {% endif %}
	</div>
<a name="commentarea"></a>
	<div id="respond">
		<h3 id = "reply-title">Comment</h3>
		{% if entry.allow_comment %}
		<form action="/post_comment" method="post" id="commentform">
		<p class="comment-notes">The e-mail address will not be published.Required has been marked<span class="required">*</span></p>
		<p class="comment-form-author"><label for="author">Name</label> <span class="required">*</span>
		<input id="author" name="author" type="text" class="textfield round" value="" tabindex="1"  size="30"  /></p>
		<p class="comment-form-email"><label for="email">E-mail</label> <span class="required">*</span>
		<input id="email" name="email" type="text" value="" tabindex="2"  size="30" /></p>
		<p class="comment-form-url"><label for="url">Website</label>
		<input id="url" name="url" type="text" class="textfield round" value="" tabindex="3"  size="30" /></p>
		<div id="checkarea">
		{%ifequal blog.comment_check_type 1%}
		<p class="comment-form-url">
		<iframe src="/checkcode/"  style="width:80px;height:20px;border:0;"SCROLLING=no></iframe>
		<input type="text" name="checkret" id="checkret"  class="textfield round" value="" size="30" tabindex="4" />
		</p>
		{%endifequal%}
		{%ifequal blog.comment_check_type 2%}
		<div><label for="checkret"><small>Verification code</small></label>
		<img id='checkimg' src='/checkimg/' style="border:0px;padding:0px;" title='Click to change image' onclick="reloadCheckImage();"/>
		<input type="text" name="checkret" id="checkret"  class="textfield round" value="" size="30" tabindex="4" />
		</div>
		{%endifequal%}
		{%ifequal blog.comment_check_type 3%}
		<p class="comment-form-url">
		<label for="url">{{checknum1}}+{{checknum2}} = ?,Trouble to calculate, thank you!<span class="required">*</span></label>
		<input type="hidden" name="checknum" id="checknum" value="{{checknum1}}+{{checknum2}}" tabindex="4" />
		<input type="text" name="checkret" id="checkret"  class="textfield round" value="" size="30" tabindex="4" />
		</p>
		{%endifequal%}
		</div>
		<p class="comment-form-comment">
			<label for="comment">Comment</label>
			<textarea class = "round-10" id="comment" name="comment" style="width:96%"  rows="10" tabindex="5"></textarea>
		</p>
		<p class="form-submit">
		<div id="s_msg" style="display:none;color:red">The success!</div>
		<div class="submitbutton">
		<input name="submit" type="submit" id="submit" class="comment-button"  tabindex="6" value="" />
		<input name="reply_notify_mail" id="reply_notify_mail" tabindex="7" style="width: auto;" type="checkbox" />
		<label for="reply_notify_mail">By e-mail to remind me.</label>
		<input type="hidden" name="key" value="{{entry.key}}" />
		<input type="hidden" name="useajax" value="1" />
		</div>
		</p>

		</form>
	</div>

	{% else %}
	<p class = "comment-notes">This review has been shut down.</p></div>
	{% endif %}
	<!-- /comments -->



<div class="clear"></div>
		</div>	
	  </div>

</div>
</div>